<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>生成器</title>
</head>

<body>
    <script>
        // //生成器函数就是在function后面加上一个*
        // function*foo()
        // {
        //     console.log("11111")
        //     yield "第一个yiled调用完成"
        //     console.log("2222")
        //     yield "第二次调用yield完成"
        //     console.log("33333")
        // }
        // //调用foo函数会返回一个生成器generator，使用generator可以访问函数内每一个yield之前的代码
        // const generator = foo();
        // const val1 = generator.next();
        // console.log(val1.value);
        // const val2 =  generator.next();
        //  console.log(val2.value);
        // generator.next();

        //传入参数
        function* foo() {
            console.log("11111")
            const val = yield "第一个yiled调用完成"
            console.log(val);
            console.log("2222")
            yield "第二次调用yield完成"
            console.log("33333")
        }

        const generator = foo();
        generator.next("开始调用")
        generator.next("开始调用");
    </script>
</body>

</html>